<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="static/zui/css/zui.css">
    <link rel="stylesheet" href="static/css/global.css">
    <link rel="stylesheet" href="css/account.css">
    <script src="static/js/jquery-3.6.0.js"></script>
    <script src="static/zui/js/zui.js"></script>
    <script type="text/javascript" src="static/js/common.js" ></script>
</head>
<body>
<div class="flex search">
    <div class="input-control search-box has-icon-left has-icon-right" id="searchboxExample">
        <input type="search" id="use-input" class="form-control search-input" placeholder="请输入用户名">
        <label class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
        <a href="#" class="input-control-icon-right search-clear-btn"><i id="remove-img" onclick="removeI()" class="icon icon-remove"></i></a>
    </div>
    <div class="switch">
        <input id="input-check" type="checkbox">
        <label id="check-name">开启</label>
    </div>
    <div>
        <button class="btn btn-success " type="button" onclick="queryBtn(1)">查询</button>
    </div>
</div>


<table class="table table-bordered" style="text-align: center">
    <thead>
        <th  style="text-align: center">序号</th>
        <th style="text-align: center">用户名</th>
        <th style="text-align: center">性别</th>
        <th style="text-align: center">年龄</th>
        <th style="text-align: center">手机号</th>
        <th style="text-align: center">状态</th>
        <th style="text-align: center">操作</th>
    </thead>
    <tbody id="tbody">

    </tbody>
</table>

<!-- 禁用 -->
<div class="modal fade" id="myModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">禁用</h4>
            </div>
            <div class="modal-body">
                <p class="modal-body-p">确认禁用</p>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="determine" onclick="onDetermine()" data-dismiss="modal" type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
<!-- 删除 -->
<div class="modal fade" id="myModal1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">删除</h4>
            </div>
            <div class="modal-body">
                <p class="modal-body-d">确认删除</p>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="determine1" onclick="onDetermine1()" data-dismiss="modal" type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>
<!-- 重置密码 -->
<div class="modal fade" id="myModal2">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
                <h4 class="modal-title">重置密码</h4>
            </div>
            <div class="modal-body">
                <p class="modal-body-h">确认重置密码？</p>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button id="determine2" onclick="onDetermine2()" data-dismiss="modal" type="button" class="btn btn-primary">确定</button>
            </div>
        </div>
    </div>
</div>

<div class="pager-wrap flex">
    <ul id="myPager" class="pager" data-ride="pager"  data-page="1" data-rec-per-page="5" data-rec-total="30">
        <li class="previous disabled"><a href="###">«</a></li>
        <li class="active"><a href="###">1</a></li>
        <li class="next"><a href="###">»</a></li>
    </ul>
</div>
</body>
<script src="js/userList.js"></script>


</html>